First Octopress

2014-06-20 Kommentare Blog

Git

$ sudo apt-get install git

RVM

Get RVM

$ curl -L https://get.rvm.io | bash -s stable --ruby

下載 Octopress

git clone git://github.com/imathis/octopress.git octopress

Deploying to Github Pages

rake setup_github_pages
//git@github.com:yume190/yume190.github.io.git
$ rake generate
$ rake deploy

寫文章

$ rake 'new_post["title"]'

預覽

rake generate   # Generates posts and pages into the public directory
rake watch      # Watches source/ and sass/ for changes and regenerates
rake preview    # Watches, and mounts a webserver at http://localhost:4000

上傳

$ git add .
$ git commit -m "article：Github page + Octopress"
$ git push
$ rake deploy

Theme : 3rd Party Octopress Themes 

$ cd octopress
$ git clone GIT_URL .themes/THEME_NAME
$ rake install['THEME_NAME']
$ rake generate

主題部分總算被我找到破船之家的主題Greyshade

但是最終還是選擇了另外一個主題whiterspace，看起來相當舒服～～！

My Customize

加入table樣式Octopress Table Stylesheet

source/stylesheets/data-table.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
//Add data-table.css to source/stylesheets/
* + table {
  margin-left:auto;
  margin-right:auto;
  border-style:solid;
  border-width:1px;
  border-color:#e7e3e7;
}

* + table th, * + table td {
  border-style:dashed;
  border-width:1px;
  border-color:#e7e3e7;
  padding-left: 3px;
  padding-right: 3px;
}

* + table th {
  border-style:solid;
  font-weight:bold;
  background: url("/images/noise.png?1330434582") repeat scroll left top #F7F3F7;
}

* + table th[align="left"], * + table td[align="left"] {
  text-align:left;
}

* + table th[align="right"], * + table td[align="right"] {
  text-align:right;
}

* + table th[align="center"], * + table td[align="center"] {
  text-align:center;
}

source/_includes/head.html
1
<link href="/stylesheets/data-table.css" media="screen, projection" rel="stylesheet" type="text/css" />

Some Questions

Disqus Comments Not Visible

以下兩個網站提供相當不錯的Troubleshooting，原本是以為_config.yml的url沒有設定好，最後盡然事沒有去官網註冊網址所照成的…

相關網站：

設定相關：

#Blog #Octopress